<template>
    <div style="width: 100%">
        <el-divider content-position="center">其他登录方式</el-divider>
        <div class="u-f u-f-ac u-f-ajc" style="with:100%;cursor: pointer;">
            <el-space wrap :size="'default'">
                <div class="u-f u-f ac u-f-ajc" @click="handleLogin('qq')">
                    <SvgIcon :size="'20px'" style="color: #79bbff" :iconClass="'qq'"/>

                </div>
                <div class="u-f u-f-ac u-f-ajc" @click="handleLogin('gitee')">
                    <SvgIcon :size="'20px'" :iconClass="'gitee'"/>

                </div>
            </el-space>
        </div>
    </div>
</template>

<script setup lang="ts">
import {ElLoading,ElMessage} from "element-plus";

const handleLogin = (type:string)=>{
    const loading = ElLoading.service({
        lock:true,
        text:'登录中',
        background:'rgba(0,0,0,7)',
    })
    setTimeout(()=>{
        loading.close()
        ElMessage({
            message:type+'登录成功',
            type:'success',
            plain:true,
        })
},2000)
}
</script>

<style scoped lang="less">
</style>
